header {
    position: relative;
    text-align: center;
    padding: 4rem 2rem;
    z-index: 2;
    color: #fcfcfc;
}
header h1 {
    font-size: 4rem;
    font-weight: bold;
    text-shadow: 2px 2px 10px rgba(0, 0, 0, 0.8);
}
footer {
    text-align: center;
    padding: 2rem;
    background: rgba(0, 0, 0, 0.8);
    color: #ffffff;
    position: relative;
    z-index: 2;
}
.card:hover {
    transform: translateY(-20px);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);
}
.H1{   
    font-size: 80px;
    font-weight: bold;
    margin-bottom: 40px;
}
.remember-forget{
    justify-content: space-between;
    display: flex;
    font-size: 15px;
}
.signup{
    text-align: center;
}
.signup a{
    font-weight: 500px;
}
.project-image img {
    max-width: 100%;
    height: auto;
   
}
    @keyframes  slideshow {
    0%{
        background-image:url('telechargement.jpeg');
    }
    20%{
        background-image:url( 'u.jpeg');
   }
   40%{
    background-image:url('what.jpg');
   }
   60%{
    background-image:url('Computer science vs software engineering.jpg');
   }
   80%{
    background-image:url('h.jpg');
   }
    100%{
        background-image: url('p.png');
    }
}

.sellection {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 2rem;
    color: #fcfcfc;
    animation: dropDown 5s ease-out; 
    
}
/* Navigation */

.navbar-brand {
    font-size: 1.8rem;
    color: #2390fe;
}

.navbar-nav .nav-link {
    color: #f8f9fa;
    transition: color 0.3s;
}

.navbar-nav .nav-link:hover {
    color: #ffc107;
}